iT邦幫忙

2024 iThome 鐵人賽

DAY 13
0

大家好,我是Karin。今天要來學習的內容是Javascript中的箭頭函式-Arrow Function。

課程內容來自:彭彭的教學影片
https://www.youtube.com/watch?v=GzrWyJkD3b8&list=PL-g0fdC5RMbqW54tWQPIVbhyl_Ky6a2VI&index=27


基本函式的語法

首先先來複習一下基本函式的組成,一個函式會包含:

  • 函式的本體(執行的程式碼)
  • 函式的參數
  • 函式的回傳值

基本函式有兩種寫法。以下以一個將a,b兩數相加後,回傳結果的函式為例:

    function add(a,b){
        let result=a+b;
        return result;
    }
let add=function(a,b){
        let result=a+b;
        return result;
    }

箭頭函式的語法

箭頭函式就是函式的另一種寫法。去掉 function 改成 =>

let add=(a,b)=>{
        let result=a+b;
        return result;
    }

箭頭函式的簡化

條件:函式中沒有除了回傳值以外的指令。(也就是沒有return以外的其他程式碼)
簡化前:

let add=(a,b)=>{
        return a+b;
    }

簡化後:
省略return,將大括號{}改為小括號()。

let add=(a,b)=>(a+b);

今天的內容就是做一個簡單的函式複習,並了解簡化函式的方法。
明天要來學習解構賦值 Destructuring Assignment。謝謝大家!


上一篇
Day 12 fetch函式建立連線
下一篇
Day 14 解構賦值 Destructuring Assignment
系列文
每天都進步一點!從零開始的JavaScript 與基礎網路知識學習26
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言